import React, {useEffect} from 'react';
import {View,} from '@tarojs/components';

import styles from './index.module.scss';
import {Image, Rate} from "@taroify/core"
import {Arrow} from "@taroify/icons";
import avatarUrl from "@/mall/asserts/avatar.jpg";

const Index: React.FC = () => {

    useEffect(() => {
        load();
    }, []);

    const load = async () => {

    }

    return (
        <View className={styles.page}>
            <View className={styles.page_head}>
                <View className={styles.page_head_left}>
                    商品评价 (47)
                </View>
                <View className={styles.page_head_right}>
                    <view>95.7% 好评</view>
                    <Arrow size={12}/>
                </View>
            </View>
            <View className={styles.page_body}>
                <View className={styles.page_body_avatar}>
                    <Image width={80} height={80} src={avatarUrl} round={true}></Image>
                </View>
                <View className={styles.page_body_rate}>
                    <View className={styles.page_body_nick}>
                        哈哈哈哈哈
                    </View>
                    <Rate className={styles.page_body_rate_rate} value={3} size={12}/>
                </View>

            </View>
            <View className={styles.page_foot}>
                收到货了，第一时间试了一下，很漂亮特别喜欢，大爱大爱，颜色也很好看。棒棒!
            </View>
        </View>
    );
};

export default Index;
